<template>
  <div>
    <!-- <ul>
        <li>课程序号：{{$route.params.id}}</li>
        <li>课程名称：{{$route.params.name}}</li>
        <li>课程内容：{{info}}</li>
    </ul> -->

    <ul>
      <li>{{id}}</li>
      <li>{{name}}</li>
      <li>{{a}}</li>
    </ul>
  </div>
</template>

<script>
  export default {
    name:'Item',
    data(){
        return{
            info:''
        }
    },
    props:['a','id','name']

    // watch:{
    //     $route:{
    //         handler(value){
    //             const id = value.params.id
    //             setTimeout(()=>{
    //               this.info = `课程内容根据${id}显示`
    //             },1000)
    //         },
    //         immediate:true,
    //     }
            
    // }
  }
</script>

<style scoped>
  
</style>